@import "../define/_global";

.toast {

  .box {
    -fx-spacing: 10px;
    -fx-alignment: BOTTOM_CENTER;
    -fx-max-height: 120px;
  }

  .label {
    @include shadow();
    -fx-padding: 5px 10px 5px 10px;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-font-size: 12px !important;
  }

  .icon {
    -fx-text-fill: inherit;
  }

  .warn {
    -fx-background-color: rgb(253, 246, 236) !important;
    -fx-text-fill: rgb(230, 162, 60) !important;
  }

  .info {
    -fx-background-color: rgb(237, 242, 252) !important;
    -fx-text-fill: rgb(144, 147, 153) !important;
  }

  .success {
    -fx-text-fill: rgb(103, 194, 58) !important;
    -fx-background-color: rgb(240, 249, 235) !important;
  }

  .error {
    -fx-background-color: rgb(254, 240, 240) !important;
    -fx-text-fill: rgb(245, 108, 108) !important;
  }
}